<template>
  <div>
    <div v-if="!show" style="color: white;width: 200px;margin: 200px auto;text-align: center">
      <h2>功能未上线</h2>
      <el-button type="text" @click="()=>{this.show=true}">静态页面预览</el-button>
    </div>
    <div v-if="show" class="t_shenbaoxuzhi">
    <div class="t_nav">
      <div class="t_nav_three">
        <a class="t_nav_hover" href="#" style="margin-right: 15px;">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-upload1"></use>
          </svg>
          上传
        </a>
        <a class="t_nav_hover" href="#">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-delete-one"></use>
          </svg>
          删除
        </a>
      </div>
      <div class="t_nav_search">
        <a href="#" class="t_searchImg" style="font-size: 22px;">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-search"></use>
          </svg>
        </a>
        <input type="text" placeholder="输入关键信息">
      </div>
    </div>
    <ul class="t_nav2">
      <li>PDF</li>
      <li>压缩文件</li>
      <li>文本文档</li>
      <li>图表</li>
      <li>其他</li>
    </ul>
    <div class="t_div_file">
      <div class="t_file_line">
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+PDF</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-zip"></use>
            </svg>
          </div>
          <span>编号+压缩</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-text"></use>
            </svg>
          </div>
          <span>编号+文本</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-image"></use>
            </svg>
          </div>
          <span>编号+图表</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-unknown"></use>
            </svg>
          </div>
          <span>编号+其他</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>05测试名称</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
      </div>
      <div class="t_file_line">
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
      </div>
      <div class="t_file_line">
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
      </div>
      <div class="t_file_line">
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
      </div>
      <div class="t_file_line">
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
        <a href="#">
          <div class="t_file_img">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-file-pdf"></use>
            </svg>
          </div>
          <span>编号+姓名</span>
        </a>
      </div>
    </div>


    <div class="t_paging">
      <el-pagination
        background
        layout="prev, pager, next"
        :page-count="pageNum"
        @current-change="pageChange">
      </el-pagination>
    </div>

  </div>
  </div>
</template>

<script>
import '../js/FileCenterIcon'
import Inform from "../js/Inform";
import $ from "jquery";
export default {
  name: "FileCenter",
  data(){
    return{
      show: false,
      //请求页码
      requestPageIndex: 1,
      //总页数
      pageNum: 5,
    }
  },
  methods:{
    pageChange(pageIndex){
      console.log(pageIndex)
    },
  },
  mounted() {
    Inform.FileCenterInit()
  }
}
</script>
<style src="../css/FileCenter.css" scoped></style>
<style src="../css/pageSplit.css" scoped></style>
<style scoped>
</style>
